<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>多媒体标签</title>
</head>
<body>
  <!-- 
    音频标签(audio)属性:
      src: 音频URL, 支持格式: MP3,Ogg,Wav
      controls: 显示音频控制面板
      loop: 循环播放
      autoplay: 自动播放, 浏览器一般会禁用自动播放功能
   -->
   <!-- 在html5,如果属性名和属性值完全一致,可以简写为一个单词 -->
   <audio src="../day01/media/music.mp3" controls loop autoplay></audio>
   <hr>

   <!-- 
    视频标签(video)属性:
      src: 视频URL,支持格式: MP4,Ogg,WebM
      controls: 显示视频控制面板
      loop: 循环播放
      muted: 静音播放
      autoplay: 自动播放,浏览器支持静音状态自动播放(必须和muted属性结合使用)
    -->
    <video src="../day01/media/vue.mp4" controls loop muted autoplay></video>
</body>
</html>